/** Add css rules here for your application. */

body {
	font-size:12px;
    overflow:hidden;
   _behavior: url(images/csshover3.htc);
}
img{ _behavior: url(images/iepngfix.htc);}
/** widgets style define */
.loginBox{width:300px;height:180px;border:solid #ddf 3px;padding:20px;}
	.loginBox .loginBox_{}
.loginView{ background:#99f;}
	.loginView .loginPanel{ width:20em; margin:0 auto;}
	.loginView .bg{ width:100% height:100%;}
	
.platform-navi{  
	color:#558; font-size:1em; 
	background:url(../images/platform-navi-bg2.png) top repeat-x;

	_behavior: url(images/iepngfix.htc);
}

.platform-navi-ico{
	margin:5px;
	display:block;
	float:left;
	cursor:pointer;	
}

.platform-navi-home{
	margin-right:0px;
}
.platform-navi-path{
	margin:5px;
	margin-left:0px;
	border:solid #ccc 1px;
	width:498px;
	height:28px;
	background:#eeeeff;
	float:left;
	
}
.platform-navi-path a{
	height:24px;
	display:block;
	float:left;
	margin:3px;
	color:#333;
	cursor:pointer;
}
.platform-navi-path img{
	width:24px;
	height:24px;
	vertical-align:middle;
}

.platform-navi-back{
	margin:2px;
	display:block;
	float:right;
	cursor:pointer;	
}

.platform-navi-menuButton{
	border:solid #abf 1px;
}
.platform-navi-ico:hover img,.platform-navi-back:hover img{
	margin-top:1px;
	border-radius:4px;
	box-shadow: 0px 0px 8px #ccf;
	-moz-box-shadow: 0px 0px 8px #ccf;
	-webkit-box-shadow: 0px 0px 8px #ccf;
}

.board-outer,.board-inner{
	/*-moz-border-radius:4px;
  	-webkit-border-radius:4px;
  	border-radius:4px;*/
}
.board-outer{
	/*border:solid #222 1px;*/
	margin:10px 0;
}
.board-inner{
	/*border:solid #888 1px;*/
	padding:20px;
	background:url(../images/platform-navi-bg3.png);	
}
.board-body{
}

.uiitem-container{
	margin:10px;
	margin-top:60px;
}

.uiitem-icon{
 	float:left;
	width:210px;
	height:80px;
	margin:10px 20px;
	cursor:pointer;	
}

.uiitem-icon-image{
	width:75px;

	position:relative;
	float:left;
}

.uiitem-icon-image img{
   margin:5px 0 5px 5px;
	width:70px;
	height:70px;
}
.uiitem-icon:hover img,.uiitem-icon:hover .uiitem-icon-image{
  width:80px;
  height:80px;
  margin:0 0;
   
}

.uiitem-icon-image .state{
	position:absolute;
	left:0px;
	top:0px;
}
.uiitem-icon-name{
	width:125px;
	padding:12px 0 5px 5px;
	color:#fff;
	font-size:14px;
	font-weight:200;
	text-shadow: 0px 0px 3px #333;
	float:left;
}
.uiitem-icon-summary{
	width:125px;
	padding-left:5px;
	float:left;
	line-height:16px;
}

.contacts{ background-color:#fff;}

.user-face{width:56px;height:56px;padding:12px; background:url(images/face.png) no-repeat;}
	.user-face img{ width:56px; height:56px;}
.user-head{width:80px;height:95px; text-align:center;}


.ztop{z-index:1000;}

.face{ width:50px; height:50px;}



/** Set ids using widget.getElement().setId("idOfElement") */
#closeButton {
  margin: 15px 6px 6px;
}
